<template>
    <el-card style="max-width: 300px">
        <template #header>
            <div>
                <el-row justify="space-between" align="middle">
                    <el-col :span="8">
                        <div>
                            <p style="margin: 0;">岗位名称</p>
                        </div>
                    </el-col>
                    <el-col :span="16">
                        <div>
                            <p class="money">999.99 / 天</p>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </template>
        <div>
            <el-image :src="Bg"></el-image>
        </div>
        <template #footer>
            <!-- 岗位信息 -->
            <div>
                <pre>要求专业：物理学、数学、化学、计算机
要求身高170
要求男生
                </pre>
            </div>
            <el-button style="display: block; width: 100%;" type="success">应&nbsp;&nbsp;聘</el-button>
        </template>
    </el-card>
</template>

<script setup>
import Bg from '@/assets/jiajiaotupian.jpg'
</script>

<style scoped>
:deep(.el-card__header) {
    padding-top: 0;
    padding-bottom: 0;
}

.money {
    color: red;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}
</style>